import React,{Component} from 'react';
import { 
    Image,
    Text,
    View
} from "react-native";

const JsonSudoku = [
    { "title": "111111", "images": "require('../images/1.jpg')" },
    { "title": "222222", "images": "require('../images/2.jpg')" },
    { "title": "333333", "images": "require('../images/3.jpg')" },
    { "title": "444444", "images": "require('../images/4.jpg')" },
    { "title": "555555", "images": "require('../images/5.jpg')" },
];

export default class Sudoku extends Component {
    render() {
        const SudokuList = JsonSudoku.map((item,index)=>(
            <View key={index} style={{ flex: 1, alignItems: 'center',height:40}}>
                <Image source={item.images} style={{width:30,height:30}}  />
                <Text style={{color:"#fff"}}>{item.title}</Text>
            </View>
        ))
        return (
            <View style={{flexDirection:'row',}} >
                {SudokuList}
            </View>
        )
    }
}